<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<div class="wrapper">
		<!-- 顶部样式 -->
		<div class="header shadow">
			<ul class="header_left left"> 
				<li>Home</li>
				<li>Portfolio</li>
				<li>Blog</li>
				<li>Contact</li>
			</ul>
			<form class="header_right right">
				<input type="" name=""><img src="images/search.png">
			</form>
		</div>
		<!-- 头部图片 -->
		<div class="main_top shadow">
			<img id="left" src="images/san_left.png">
			<img src="images/img1.jpg"><!-- 
		 --><img id="right" src="images/san_right.png">
		</div>
		<!-- 主要显示部分 -->
		<div class="main_center clearfix">
			<div class="shadow">
				<img src="images/icon1.jpg">
				<p class="text">	Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer </p>
				<div class="more">more...</div>
			</div>
			<div  class="shadow">
				<img src="images/icon2.jpg">
				<p class="text">	Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer </p>
				<div class="more">more...</div>
			</div>
			<div class="shadow">
				<img src="images/icon3.jpg">
				<p class="text">	Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer </p>
				<div class="more">more...</div>
			</div>
			<div id="no_margin"  class="shadow">
				<img src="images/icon4.jpg">
				<p class="text">	Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer </p>
				<div class="more">more...</div>
			</div>
		</div>
		<!-- 下半显示部分 -->
		<div class="main_bottom clearfix shadow">
			<div class="main_bottom_left left">
				<img src="images/icon_1.jpg" class="first">
				<img src="images/icon_2.jpg">
				<img src="images/icon_3.jpg" class="third">
				<img src="images/icon_4.jpg">
			</div>
			<div class="main_bottom_right">
				<h2>Welcome to the site</h2>
				<p class="text">	Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer  Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer Duis autem vel Lorem ipsum Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, consectetuer 	Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum dolor sit amet, sectetuer.</p>
				<di class="more">more...</div>
			</div>
		</di>	
		<!-- 页脚 -->
		<div class="bottom shadow">Terms of Service     Privacy Policy     © 2009  Designzzz (www.designzzz.com)</div>
	</div>
</body>
</html>